import Vue from "vue"
import App from "./App.vue"

Vue.config.productionTip = false

// 注册全局组件
import MyCheckBox from "./components/MyCheckBox.vue"
// 参数1：组件名
// 参数2：对应的组件（对应的.vue文件）
Vue.component("MyCheckBox", MyCheckBox)

// 注册全局过滤器
// 参数1：过滤器名字
// 参数2： 过滤器的处理函数
Vue.filter("formatTime", (val) => {
  return "2022-8-22"
})

// 注册全局指令
// 参数1：指令名
// 参数2：指令的写法
// Vue.directive('color', {
//   inserted (el, binding) {
//     el.style.color = binding.value
//   },
//   update (el,binding) {
//     el.style.color = binding.value
//   }
// })

// 简写
Vue.directive("bdColor", (el, binding) => {
  el.style.backgroundColor = binding.value
})

new Vue({
  render: (h) => h(App),
}).$mount("#app")
